<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="./SocialDetails.css" />
  </head>
  <body>
    <div class="SocialDetails">
      <!-- 头部 -->
      <header class="top flex pl-10 pr-10 jc-sb bg-fff aic">
        <a href="../SocialSecurity.html">
          <span class="iconfont icon-xiangzuojiantou f16"></span>
        </a>
        <span>2022年01月明细</span>
        <span class="fix"></span>
      </header>
      <!-- 人物信息 -->
      <div class="information flex bg-fff aic pl-20">
        <img src="../../../assets/img/__80px_u3817.png" alt="" />
        <div class="ml-5 fdc jc-sa">
          <span>吴珊珊</span>
          <span class="text f12">产品部/产品经理</span>
        </div>
      </div>
      <!-- 社保明细 -->
      <div class="font pl-20 bg-fff mt-10">社保明细</div>
      <!-- 表单 -->
      <ul class="list bg-fff fdc f14">
        <li class="item flex jc-sa aic title">
          <span>险种</span>
          <span>个人金额</span>
          <span>公司金额</span>
          <span>缴费合计</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">养老</span>
          <span>428.34</span>
          <span>857.6</span>
          <span>1286.4</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">医疗</span>
          <span>428.35</span>
          <span>857.6</span>
          <span>1286.4</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">失业</span>
          <span>428.35</span>
          <span>857.6</span>
          <span>1286.4</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">工商</span>
          <span>428.35</span>
          <span>857.6</span>
          <span>1286.4</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">生育</span>
          <span>428.35</span>
          <span>857.6</span>
          <span>1286.4</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">合计</span>
          <span class="totalMoney">890.00</span>
          <span class="totalMoney">1890.00</span>
          <span class="totalMoney">2390.00</span>
        </li>
      </ul>
      <!-- 公积金明细 -->
      <div class="font bg-fff pl-20 mt-10">公积金明细</div>
      <!-- 公积金明细 -->
      <ul class="list bg-fff fdc f14 mb-30">
        <li class="item flex jc-sa aic title">
          <span>险种</span>
          <span>个人金额</span>
          <span>公司金额</span>
          <span>缴费合计</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">养老</span>
          <span>428.34</span>
          <span>857.6</span>
          <span>1286.4</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">养老</span>
          <span>428.34</span>
          <span>857.6</span>
          <span>1286.4</span>
        </li>
        <li class="item flex jc-sa aic jc-sa">
          <span class="insurance">合计</span>
          <span class="totalMoney">890.00</span>
          <span class="totalMoney">1890.00</span>
          <span class="totalMoney">2390.00</span>
        </li>
      </ul>
    </div>
  </body>
</html>
